@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
body{ background:#ffffff; font:normal 13px/22px "微软雅黑";  }
html, body {
    position: relative;
    height: 100%;
}
i{ font-style:normal;}
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.dn { display:none;}
.clearfix::after{content: '\20'; height: 0; clear: both; display: block;}
/* CSS Document */


.top.on{background: rgba(0,0,0,.6); padding: 10px 0 20px; height: 104px;}
.top.on .serch{display: block;}
.top .serch{position: absolute; top: 10px; left: 220px; display: none;}
.top .serch .title ul li{ display: inline-block; width: 68px; text-align: center; line-height: 26px; font-size: 14px; color: #ffffff; margin-right: 12px;
border-radius: 4px 4px 0 0; cursor: pointer;}
.top .serch .title ul li.on{background: #2972fa; color: #ffffff;}
.top .serch .box ul li{width: 482px; overflow: hidden;}
.top .serch .box ul li input{float: left; width: 410px; padding: 5px 10px; box-sizing: border-box; outline: none; border: 1px solid #2972FA; height: 30px;}
.top .serch .box ul li a{display: block; float: right; width: calc(100% - 410px); line-height: 30px; text-align: center; font-size: 14px; color: #fff; background: #2972FA;}
.top{position: fixed; top: 0; left: 0; height: 74px; width: 100%; z-index: 11; transition: 0.5s;}
.top .topBox{width: 1233px; margin: 0 auto; padding: 0 0 0 45px; position: relative;}
.top .logo{width: 101px; overflow: hidden; float: left; margin-top: 25px;}
.top .logo img{display: block; width: 1005;}
.top .nav{float: right; margin-top: 15px;}
.top .nav ul .xian{color: #fff; margin: 0 13px;}
.top .nav ul li>p{ line-height: 3;}
.top .nav ul li{display: inline-block; color: #fff; font-size: 12px; position: relative;}
.top .nav ul li img{width: 60px; display: block;}
.top .nav ul li a{color: #fff;}
.top .nav ul li .jiantou{display: inline-block; width: 7px; height: 5px; background: url(../images/jiantou.png) center no-repeat; margin-left: 10px; background-size: cover;
vertical-align: 2px;}
.top .nav ul li:hover>p{color: #2972FA; cursor: pointer;}
.top .nav ul li:hover>a{color: #2972FA;}
.top .nav ul li:hover .jiantou{background: url(../images/jiantou-on.png) center no-repeat; background-size: cover;}
.top .nav ul li:hover .app{display: block;}
.top .nav ul li .jifen{position: relative;}
.top .nav ul li .jifen::after{content: ''; position: absolute; top: -8px; left: 22px; width: 39px; height: 17px; background: url(../images/hot.png) no-repeat;
background-size: cover;}
.top .nav ul li .app{position: absolute; top: 35px; left: 50%; transform: translate(-50%); width: 530px; padding: 10px 0 0; background: #fff; box-sizing: border-box;
border-radius: 4px; display: none;box-shadow: 0 3px 14px rgb(0 0 0 / 15%);}
.top .nav ul li .app .new{position: relative;}
.top .nav ul li .app .new::after{content: ''; position: absolute; top: -5px; right: -5px; width: 37px; height: 16px; background: url(../images/new_03.png) no-repeat;
background-size: cover;}
.top .nav ul li .app .forward{background: #f5f5f5; color: #999999; line-height: 42px; text-align: center; font-size: 14px;}
.top .nav ul li .app .sanjian{content: ''; display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent;
    border-style: solid;    top: -7px;
    border-width: 0 7px 7px;
    border-bottom-color: #ffffff;    left: 50%;
    margin-left: -7px;}
.top .nav ul li .app .appTit{margin-bottom: 5px;}
.top .nav ul li .app .appTit h2{padding-left: 10px; font-size: 16px; color: #333333; position: relative; font-weight: bold;}
.top .nav ul li .app .appTit h2::after{content: '';position: absolute;
    left: -3px;
    top: 4px;
    height: 16px;
    width: 4px;
    content: "";
    background-image: linear-gradient(180deg,#53abfd,#2972fa);
    border-radius: 2px;}
.top .nav ul li .app .appList{padding: 0 21px;}
.top .nav ul li .app dl dd{display: inline-block; width: 80px; margin-right: 16px; margin-bottom: 18px;}
.top .nav ul li .app dl dd:nth-child(5n){margin-right: 0;}
.top .nav ul li .app dl dd img{display: block; width: 46px; margin: 7px auto ;}
.top .nav ul li .app dl dd p{font-size: 14px; color: #333333; text-align: center;}
.banner{width: 100%; height: 485px; background: url(../images/bannerbg_01.png) no-repeat; background-size: cover; max-width: 100%; padding-top: 113px;}
.banner h2{font-size: 58px; color: #fff; line-height: 1; margin-bottom: 57px;text-align: center;}
.banner .banNav{margin-bottom: 44px;text-align: center;}
.banner .banNav ul li{display: inline-block; margin: 0 20px; padding: 10px 20px; color: #ffffff; font-size: 23px; cursor: pointer;}
.banner .banNav ul li.on{background: #fff; border-radius: 42px; color: #1c52e4; font-weight: bold;}
.banner .input{width: 983px; margin: 0 auto;}
.banner .input ul li{ background: url(../images/sousuo.png) 34px center no-repeat #fff; border-radius: 83px; box-sizing: border-box; padding: 10px 10px 10px 85px; height: 83px;}
.banner .input ul li input{outline: none; border: 0; line-height: 63px; width: 500px; font-size: 16px;}
.banner .input ul li .check{display: block;float: right; line-height: 63px; background: #ff952c; color: #fff; border-radius: 63px; width: 279px; text-align: center;
font-size: 28px;}
.width1233{width: 1233px; margin: 0 auto;}
.content{padding-top: 24px;}
.main1{margin-bottom: 28px; z-index: 1;}
.main1 ul{overflow: hidden; padding: 27px 0 40px; border: 1px solid #4759ed;}
.main1 ul li{float: left; width: 20%; padding: 23px 0 23px 23px; box-sizing: border-box; overflow: hidden; position: relative;}
.main1 ul li::after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background: #f5f5f5;}
.main1 ul li::before{content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 180px; height: 1px; background: #f5f5f5;}
.main1 ul li:nth-child(5n)::after{display: none;}
.main1 ul li:nth-child(6)::before{display: none;}
.main1 ul li:nth-child(7)::before{display: none;}
.main1 ul li:nth-child(8)::before{display: none;}
.main1 ul li:nth-child(9)::before{display: none;}
.main1 ul li:nth-child(10)::before{display: none;}
.main1 ul li .icon{width: 50px; float: left; margin-right: 10px; overflow: hidden;}
.main1 ul li .icon img{display: block; width: 100%;}
.main1 ul li .text{width: calc(100% - 60px); float: left;}
.main1 ul li .text h2{font-size: 16px; color: #333333; font-weight: bold; display: inline-block;}
.main1 ul li .text p{font-size: 12px; color: #999999; margin-top: 2px;}
.main1 ul li .text h2.new{position: relative;}
.main1 ul li .text h2.new::after{content: ''; position: absolute; top: -10px; right: -37px; width: 37px; height: 16px; background: url(../images/new_03.png) no-repeat;
background-size: cover;}
.main2{height: 135px; overflow: hidden; margin-bottom: 26px;}
.main2 img{display: block; width: 100%;}
.main2 .swiper-pagination-bullet{border-radius: 0; width: 19px; height: 3px; transition: 0.5s;}
.main2 .swiper-pagination-bullet-active{width: 27px; background: #8391A5;}
.main3{margin-bottom: 23px; height: 300px;}
.main3 ul{overflow: hidden;box-shadow: rgb(37 58 97 / 8%) 0px 0px 10px 4px; float: left; width: calc(80%);}
.main3 ul li{float: left; width: 25%; text-align: center; box-sizing: border-box; padding: 30px;border-right: 1px solid rgb(238, 238, 238);}
.main3 ul li a{display: block; width: 100%; height: 100%;}
.main3 .new2{position: absolute; top: 12px; left: 0; width: 73px; height: 30px; background: url(../images/new2.png) center no-repeat; background-size: cover;}
.main3 ul li .icon{margin-bottom: 24px;}
.main3 ul li .icon img{display: block; width: 55px; margin: 0 auto;}
.main3 ul li h2{font-size: 20px; color: #333333;}
.main3 ul li .text{margin-bottom: 25px; margin-top: 30px;}
.main3 ul li .text2{margin-top: 17px;}
.main3 ul li p{font-size: 14px; line-height: 24px; color: #666666;}
.main3 ul li .experience{display: block; width: 136px; line-height: 36px; text-align: center; font-size: 16px; color: #f86e12; margin: 0 auto;
border: 1px solid rgb(248, 110, 18); border-radius: 50px; font-weight: bold;}
.main3 ul li h3{margin-top: 17px; font-size: 14px; color: #333333;}
.main3 ul li h3 span{font-size: 28px; color: #F86E12;}
.main3 ul li h3 i{color: #F86E12;}
.main3 ul li:hover{box-shadow: rgb(37 58 97 / 8%) 0px 0px 10px 4px; transform: scale(1.01);}
.main3 .layer1{float: left; width: 20%; background: url(../images/icon2.png) center no-repeat; background-size: cover; position: relative; height: 100%;}
.main3 .layer1 a{display: block; height: 100%;}
.main4{margin-bottom: 25px;}
.main4 .listNav{margin-bottom: 27px;}
.main4 .listNav ul{overflow: hidden;}
.main4 .listNav ul li{float: left; width: 20%; margin-right: 6.66%; font-size: 19px; line-height: 60px; background: #3e5fee; text-align: center; color: #ffffff;
cursor: pointer;}
.main4 .listNav ul li:last-child{margin-right: 0;}
.main4 .listNav ul li.on{background: #ffa33a;}
.main4 .listBox{border: 1px solid #d2d2d2; padding: 20px 0; position: relative;}
.main4 .listBox::after{content: ''; position: absolute; top: 0; left: 0; width: 184px; height: 6px; background: #2e62e7;}
.main4 .qiehuan .swiper-slide{padding-left: 35px;}
.main4 .qiehuan ul{overflow: hidden;}
.main4 .qiehuan ul li{float: left; width: 533px; margin-right: 48px; margin-bottom: 35px; overflow: hidden;}
.main4 .qiehuan ul li:nth-child(3){margin-bottom: 0;}
.main4 .qiehuan ul li:nth-child(4){margin-bottom: 0;}
.main4 .qiehuan ul li .icon{float: left; width: 229px; margin-right: 18px; overflow: hidden;}
.main4 .qiehuan ul li .icon img{display: block; width: 100%; transition: 0.5s;}
.main4 .qiehuan ul li .text{float: left; width: calc(100% - 247px); padding-top: 7px;}
.main4 .qiehuan ul li .text h2{font-size: 15px; color: #373737; line-height: 23px; margin-bottom: 3px;}
.main4 .qiehuan ul li .text h2 a{color: #373737;}
.main4 .qiehuan ul li .text p{font-size: 11px; line-height: 16px; color: #a3a3a3; margin-bottom: 19px; overflow: hidden; text-overflow:ellipsis;
display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.main4 .qiehuan ul li .text p a{color: #a3a3a3;}
.main4 .qiehuan ul li .text h3{overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.main4 .qiehuan ul li .text h3 a{font-size: 13px; color: #406bfa; margin: 0 8px;}
.main4 .qiehuan ul li .text h3 a:hover{text-decoration: underline;}
.main4 .qiehuan ul li:hover .text h2 a{color: #406bfa;}
.main4 .qiehuan ul li:hover .icon img{transform: scale(1.05);}
.main4 .qiehuan2 .swiper-slide{padding: 0 34px;}
.main4 .qiehuan2 ul li{float: left; width: 19%; margin-right: 1.25%; border: 1px solid #eeeeee; box-sizing: border-box; margin-bottom: 17px; transition: 0.5s;}
.main4 .qiehuan2 ul li:nth-child(5n){margin-right: 0;}
.main4 .qiehuan2 ul li .icon{overflow: hidden;}
.main4 .qiehuan2 ul li .icon img{display: block; width: 100%;}
.main4 .qiehuan2 ul li .text{padding: 0 7px 12px;}
.main4 .qiehuan2 ul li .text h2{font-size: 14px; color: #f86e12; padding: 11px 0; line-height: 1;}
.main4 .qiehuan2 ul li .text h2 span{font-size: 12px;}
.main4 .qiehuan2 ul li .text h2 a{display: block; float: right; width: 67px; height: 14px; background: url(../images/huiyuan.png) center no-repeat; background-size: 100%;
margin-top: 3px;}
.main4 .qiehuan2 ul li .text p{font-size: 12px; color: #333333; margin-bottom: 6px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.main4 .qiehuan2 ul li .text .wechat{display: inline-block; width: 94px; height: 21px; background: url(../images/wechat.png) center no-repeat; background-size: 100%;}
.main4 .qiehuan2 ul li .text .phone{display: inline-block; width: 94px; height: 21px; background: url(../images/phone.png) center no-repeat; background-size: 100%;
float: right;}
.main4 .qiehuan2 ul li .text .wechat:hover{opacity: 0.8;}
.main4 .qiehuan2 ul li .text .phone:hover{opacity: 0.8;}
.main4 .qiehuan2 ul li:hover{transform: scale(1.02); box-shadow: rgb(37 58 97 / 8%) 0px 0px 10px 4px;}
.hidden{overflow: hidden;}
.wechatBox{position: fixed; top: 200px; left: 50%; transform: translateX(-50%); width: 280px; background: #ffffff; z-index: 999; display: none;}
.wechatBox h2{padding: 20px 20px 10px; font-size: 20px; color: #333333; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; font-weight: bold;}
.wechatBox p{font-size: 14px; color: #999999; text-align: center;}
.wechatBox .icon{width: 200px; margin: 20px auto;}
.wechatBox .icon img{display: block; width: 100%;}
.wechatBox .closed{position: absolute; bottom: -48px; left: 50%; transform: translateX(-50%); width: 32px; height: 32px; background: url(../images/close2.png) center no-repeat;
background-size: cover;}
.phoneBox{position: fixed; top: 200px; left: 50%; transform: translateX(-50%); width: 400px; background: #ffffff; z-index: 999; padding: 0 24px 20px; display: none;}
.phoneBox h2{padding: 20px 0 14px; font-size: 16px; line-height: 24px; color: #303133; font-weight: bold;}
.phoneBox h2 span{display: block; float: right; width: 16px; height: 16px; background: url(../images/close.png) center no-repeat; background-size: cover;}
.phoneBox p{font-size: 24px; color: #F86E12; line-height: 36px;}
.phoneBox h3{font-size: 12px; color: #999990; margin-bottom: 15px;}
.phoneBox .know{display: block; padding: 9px 18px; float: right; font-size: 14px; color: #ffffff; background: #F86E12;border-radius: 3px; cursor: pointer;}
.screen{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.5); z-index: 10; display: none;}
.main4 .qiehuan3 ul{overflow: hidden;}
.main4 .qiehuan3 ul li{padding: 14px; box-sizing: border-box; float: left; width: 25%; border: 1px solid #eeeeee; transition: 0.5s;}
.main4 .qiehuan3 ul li .icon{overflow: hidden; height: 172px; margin-bottom: 6px;}
.main4 .qiehuan3 ul li .icon img{display: block; width: 100%; transition: 0.5s;}
.main4 .qiehuan3 ul li h2{font-size: 16px; color: #333333; height: 50px; line-height: 20px; }
.main4 .qiehuan3 ul li p .news{display: inline-block; font-size: 12px; padding: 5px 8px; background: #ecf5fc; color: #2972fa;}
.main4 .qiehuan3 ul li p span{float: right; line-height: 32px; color: #999999;}
.main4 .qiehuan3 ul li p span i{display: inline-block; width: 9px; height: 9px; background: url(../images/icon8_03.png) no-repeat; background-size: cover;
margin-right: 5px;}
.main4 .qiehuan3 ul li:hover{box-shadow: rgb(37 58 97 / 8%) 0px 0px 10px 4px;}
.main4 .qiehuan3 ul li:hover h2{color: #2972fa;}
.main4 .qiehuan3 ul li:hover .icon img{transform: scale(1.05);}
.main4 .listBox .swiper{padding-bottom: 40px;}
.main4 .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 6px!important;}
.main4 .swiper-pagination-bullet-active{background: #9e9e9e;}

.main5{border: 1px solid #d2d2d2; padding: 0 30px 26px; position: relative;}
.main5::after{content: ''; position: absolute; top: 0; left: 0; width: 184px; height: 6px; background: #2e62e7;}
.main5 .title h2{font-size: 23px; line-height: 62px; color: #000000;}
.main5 .title h2 a{color: #3686fb; font-size: 17px;}
.main5 .title h2 a.check{margin-left: 36px;}
.main5 .title h2 a.more{float: right;}
.main5 ul li{float: left; width: 32%; margin-right: 2%; margin-bottom: 16px; overflow: hidden; padding: 16px; box-sizing: border-box;
box-shadow: rgb(37 58 97 / 8%) 0px 0px 10px 4px;}
.main5 ul li:nth-child(3n){margin-right: 0;}
.main5 ul li .icon{float: left; width: 55px; overflow: hidden;}
.main5 ul li .text{float: left; width: calc(100% - 55px); padding-left: 16px;}
.main5 ul li .text h2{font-size: 18px; line-height: 1; margin-bottom: 10px; color: #000000;}
.main5 ul li .text p{font-size: 12px; line-height: 26px; color: #716d69;}
.main5 ul li:hover .text h2{color: #025df9;}
.main6{width: 100%; background: #f8f8f8; padding-bottom: 30px;}
.main6 .mainBox{width: 1233px; margin: 0 auto;}
.main6 .title{ border-bottom: 1px solid #d9d9d9; margin-bottom: 8px;}
.main6 .title ul li{display: inline-block; font-size: 18px; line-height: 57px; color: #3c3c3c; margin-right: 67px; position: relative; cursor: pointer;}
.main6 .title ul li.on{color: #4174ed;}
.main6 .title ul li.on::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #4174ed;}
.main6 .list{height: 460px; background: #fff;}
.main6 .list .box1{padding: 16px 33px; overflow-y: auto;height: 460px; box-sizing: border-box;}
.main6 .list .box1 li{overflow: hidden;}
.main6 .list .box1 li h2{width: 100px; float: left; font-size: 16px; color: #333333; line-height: 48px; font-weight: bold;}
.main6 .list .box1 li p{width: calc(100% - 100px); float: left;}
.main6 .list .box1 li p a{font-size: 16px; line-height: 48px; color: #666666; margin-right: 25px;white-space:nowrap;}
.main6 .list .box1 li p a:hover{color: #2972fa;}
.main6 .list .box2{overflow: hidden; padding: 0 33px; box-sizing: border-box;}
.main6 .list .box2 li{padding: 20px 0; width: 33.33%; float: left; box-sizing: border-box; border-bottom: 1px solid #eeeeee;}
.main6 .list .box2 li h2{font-size: 16px; color: #333333; line-height: 1; margin-bottom: 5px; font-weight: bold;}
.main6 .list .box2 li p{font-size: 14px; line-height: 26px; color: #666666;}
.main6 .list .box2 li:nth-child(10){border: 0;}
.main6 .list .box2 li:nth-child(11){border: 0;}
.main6 .list .box2 li:nth-child(12){border: 0;}
.main6 .list .box2 li:hover h2{color: #2972fa;}
.main6 .list .box3{overflow: hidden; padding: 17px 33px 12px;}
.main6 .list .box3 li{float: left; width: 20%; margin: 13px 0;}
.main6 .list .box3 li a{font-size: 16px; color: #333333; line-height: 1;}
.main6 .list .box3 li:hover a{color: #2972fa;}
.main6 .list .box4{overflow: hidden; padding: 0 24px;}
.main6 .list .box4 li{float: left;width: 25%; box-sizing: border-box; padding: 24px 24px 24px 0; overflow: hidden; border-bottom: 1px solid #eeeeee;}
.main6 .list .box4 li:nth-child(4n){padding-right: 0;}
.main6 .list .box4 li .icon{float: left; width: 56px;}
.main6 .list .box4 li .icon img{display: block; width: 100%;}
.main6 .list .box4 li .text{float: left; width: calc(100% - 56px); padding-left: 15px;}
.main6 .list .box4 li .text h2{font-size: 16px; color: #333333; margin-bottom: 5px; font-weight: bold;}
.main6 .list .box4 li .text p{font-size: 14px; line-height: 26px; color: #666666;}
.main6 .list .box4 li:nth-child(9){border: 0;}
.main6 .list .box4 li:nth-child(10){border: 0;}
.main6 .list .box4 li:nth-child(11){border: 0;}
.main6 .list .box4 li:nth-child(12){border: 0;}
.main6 .list .box4 li:hover h2{color: #2972fa;}

.main7{width: 100%; height: 125px; background: url(../images/foot.661b575.png) center no-repeat; background-size: cover;}
.main7 ul{overflow: hidden;}
.main7 ul li{float: left; width: 25%; box-sizing: border-box; padding-left: 5%; padding-top: 34px;}
.main7 ul li h2{font-size: 16px; color: #ffffff; font-weight: bold; line-height: 34px;}
.main7 ul li h2 span{display: inline-block; width: 20px; height: 20px; margin-right: 5px; vertical-align: -3px;}
.main7 ul li h2 span img{display: block; width: 100%;}
.main7 ul li p{font-size: 12px; line-height: 1; color: #b6cdf8;}
.footer{width: 100%; background: #222a37;}
.footer .footerBox{width: 1233px; margin: 0 auto; overflow: hidden; padding: 33px 20px 11px;}
.footer .fTop{overflow: hidden; margin-bottom: 60px;}
.footer .fLeft{float: left; width: 163px; margin-right: 60px;}
.footer .fLeft .fLogo{margin-bottom: 20px;}
.footer .fLeft .fLogo img{display: block; width: 146px; margin: 0 auto;}
.footer .fLeft .fT{width: 100%; background: #2f3847; border-radius: 5px; padding: 12px 0; text-align: center;}
.footer .fLeft .fT h2{font-size: 13px; color: #fff; line-height: 1; margin-bottom: 8px;}
.footer .fLeft .fT p{font-size: 13px; color: rgba(255,255,255,.5); line-height: 1;}
.footer .fCenter{float: left;}
.footer .fCenter ul{overflow: hidden;}
.footer .fCenter ul li{float: left; width: 290px; margin-right: 20px;}
.footer .fCenter ul li h2{font-size: 16px; color: #fff; line-height: 1; margin-bottom: 15px;}
.footer .fCenter ul li dl{overflow: hidden;}
.footer .fCenter ul li dl dd{float: left; margin-right: 20px; color: #7a808f; line-height: 28px;}
.footer .fCenter ul li dl dd a{font-size: 11px; line-height: 28px; color: #7a808f;}
.footer .fCenter ul li:nth-child(2){width: 144px;}
.footer .fCenter ul li:nth-child(3){width: 198px;}
.footer .fCenter ul li:nth-child(3) dd{margin-right: 0;}
.footer .fRight{float: right;}
.footer .fRight ul{overflow: hidden;}
.footer .fRight ul li{float: left; margin-right: 10px; padding: 15px; box-sizing: border-box; background: #000000;}
.footer .fRight ul li:last-child{margin-right: 0;}
.footer .fRight ul li .ewm{overflow: hidden; margin-bottom: 13px;}
.footer .fRight ul li .ewm img{display: block; width: 100%;}
.footer .fRight ul li p{font-size: 11px; line-height: 1; color: #7a808f; text-align: center;}
.footer .fBot{border-bottom: 1px solid #666666; padding-bottom: 15px;}
.footer .fBot p{font-size: 11px; line-height: 28px; color: #7a8090;}
.footer .fBot p a{color: #7a8090; margin-right: 14px;}

.contentB{width: 100%; background: #f7f9fc;}
.contentB .contBox{width: 1233px; margin: 0 auto; background: #fff; padding: 10px 14px;}
.mainB1{margin-bottom: 6px;}
.mainB1 .left{float: left; width: 894px; position: relative;}
.cebianlan{position: absolute; top: 0; left: -40px; width: 38px;}
.cebianlan a{display: block;width: 32px; padding: 8px 10px; color: #e4930f; background: #fff0d8; border-radius: 15px 0 0 15px; box-sizing: border-box; font-size: 12px;
float: right;}
.cebianlan a.on{width: 38px; padding: 18px 13px; color: #fff; background: #128bed; border-radius: 20px 0 0 20px; box-sizing: border-box; font-size: 14px;}
.mainB1 .left ul{overflow: hidden;}
.mainB1 .left ul li{float: left; width: 23.5%; margin-right: 2%; box-sizing: border-box; border: 1px solid #eeeeee;}
.mainB1 .left ul li:last-child{margin-right: 0;}
.mainB1 .left ul li .icon{overflow: hidden; width: 210px;}
.mainB1 .left ul li p{float: left;width:210px;}
.mainB1 .left ul li p img{width:210px; height:215px;text-align: left;}

.mainB1 .left ul li .icon img{display:table-cell;width:210px; height:215px;}
.mainB1 .left ul li .icon a img{width:210px; height:213px;}
.mainB1 .left ul li .text{padding: 10px 8px 5px;}
.mainB1 .left ul li .text h2{font-size: 16px; color: #ef1f1f; line-height: 1; margin-bottom: 4px; font-weight: bold;}
.mainB1 .left ul li .text h2 span{font-size: 12px;}
.mainB1 .left ul li .text h2 .huiyuan{display: block; float: right; width: 67px; height: 14px;background: url(../images/huiyuan.png) center no-repeat;
background-size: 100%; margin-top: 2px;}
.mainB1 .left ul li .text h3{font-size: 12px; color: #333333; line-height: 1.5; margin-bottom: 4px;}
.mainB1 .left ul li .text h3 a{color: #333333;}
.mainB1 .left ul li .text h3 span{color: #cc0000;}
.mainB1 .left ul li .text p{font-size: 12px; color: #999999; line-height: 1.5;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.mainB1 .left ul li .text p.p2{display: inline-block; width: 126px;padding-bottom: 3px; }
.mainB1 .left ul li .text .shili{float: right;display: inline-block; width: 65px; height: 16px; background: url(../images/shili.png); }
.mainB1 .right{float: right; width: calc(100% - 900px); border: 1px solid #fec18f; padding: 3px; box-sizing: border-box;}
.mainB1 .right ul li{border: 1px solid #f2e9b8; border-radius: 8px; overflow: hidden; box-sizing: border-box; margin-bottom: 12px;
background: url(../images/jj_03.png) right 18px center no-repeat #fff3e3;}
.mainB1 .right ul li .big{width: 56px; float: left; font-size: 40px; color: #fff; background: #f49d22; text-align: center; line-height: 70px;}
.mainB1 .right ul li .text{width: calc(100% - 56px); padding-left: 12px; float: left;}
.mainB1 .right ul li .text h2{font-size: 18px; color: #fe8f0e; line-height: 45px;}
.mainB1 .right ul li .text p{font-size: 16px; color: #999999; line-height: 1;}
.mainB1 .right ul li:last-child{border: 1px solid #d4e0db; background: url(../images/jj_06.png) right 18px center no-repeat #f7f7f5;}
.mainB1 .right ul li:last-child .big{background: #42b95a;}
.mainB1 .right ul li:last-child .text h2{color: #42b95a;}
.mainB1 .right .kefu{overflow: hidden; height: 151px; border: 1px solid #ececec; border-radius: 8px;}
.mainB1 .right .kefu .text1{width: 35px; float: left; height: 100%; padding: 18px 8px; font-size: 16px; color: #fc7529; background: #f0f0f0; line-height: 30px;}
.mainB1 .right .kefu .text2{width: calc(100% - 35px); float: left; padding: 10px 0 0 50px;}
.mainB1 .right .kefu .text2 p{font-size: 14px; line-height: 32px; color: #6d6a69; position: relative;}
.mainB1 .right .kefu .text2 p:nth-child(1)::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -36px; width: 27px; height: 18px;
background: url(../images/jj_10.png);}
.mainB1 .right .kefu .text2 p:nth-child(2)::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -40px; width: 31px; height: 22px;
background: url(../images/jj_14.png);}
.mainB1 .right .kefu .text2 p:nth-child(3)::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -40px; width: 31px; height: 22px;
background: url(../images/jj_17.png);}
.mainB1 .right .kefu .text2 p:nth-child(4)::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -34px; width: 22px; height: 22px;
background: url(../images/jj_20.png);}
.mainB2{margin-bottom: 6px;}
.mainB2 img{display: block; width: 100%;}
.mainB3 .left{float: left; width: 894px; box-sizing: border-box; border: 1px solid #ececec;}
.mainB3 .right{float: right; width: calc(100% - 900px);}
.mainB4 .titNav{line-height: 50px; background: #fcfcfc;border-bottom: 1px solid #ececec; padding-right: 24px;}
.mainB4 .titNav ul{float: left;}
.mainB4 .titNav ul li{display: inline-block; font-size: 14px; width: 130px; color: #333333; text-align: center; cursor: pointer;}
.mainB4 .titNav ul li.on{background: #fff; border-right: 1px solid #ececec; color: #2984fc; position: relative;}
.mainB4 .titNav ul li.on::after{content: ''; position: absolute; bottom: -1px; left: 0; height: 1px; width: 100%; background: #fff;}
.mainB4 .titNav .search{float: right; font-size: 13px; color: #2972fa;}
.mainB4 .titNav .search span{display: inline-block; width: 12px; height: 12px; background: url(../images/hh_11.png); margin-right: 6px;}
.mainB4 .text{padding: 15px 25px 0; border-bottom: 1px solid #ececec;}
.mainB4 .text ul li{line-height: 38px;}
.mainB4 .text ul li h2{font-size: 13px; color: #666666; float: left; width: 103px;}
.mainB4 .text ul li p{font-size: 13px; float: left; width: 660px; height: 38px; }
.mainB4 .text ul li p.closedState{overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.mainB4 .text ul li p a{color: #333333; margin-right: 23px;}
.mainB4 .text ul li p a:hover{color: #2972fa;}
.mainB4 .text ul li .more{float: right; font-size: 13px; color: #666666;}
.mainB4 .text ul li .more span{display: inline-block; width: 9px; height: 6px; background: url(../images/hh1_03.png); margin-left: 7px; vertical-align: 2px;}
.mainB4 .bot{background: #fcfcfc; padding-left: 19px; border-bottom: 1px solid #ececec;}
.mainB4 .bot p{font-size: 13px; color: #333333; line-height: 46px;}
.mainB4 .bot p span{color: #fe3913;}
.mainB5 ul{border-bottom: 1px solid #ececec;}
.mainB5 ul li{padding: 24px; box-sizing: border-box; position: relative;}
.mainB5 ul li .icon{float: left; width: 90px; overflow: hidden; height: 90px; text-align: center; border-radius: 5px;}
.mainB5 ul li .icon a{font-size: 40px; color: #fff; line-height: 90px; font-weight: bold; display: block;}
.mainB5 ul li .icon a.font3{font-size: 22px; line-height: 33px; padding-top: 10px;}
.mainB5 ul li .icon.green{background: #90cfb7;}
.mainB5 ul li .icon.green2{background: #6bb5ce;}
.mainB5 ul li .icon.bull{background: #6daae2;}
.mainB5 ul li .icon.bull2{background: #afc8ee;}
.mainB5 ul li .icon.purple{background: #ae98c6;}
.mainB5 ul li .text{float: left; width: calc(100% - 90px); padding-left: 16px;}
.mainB5 ul li .text h2{font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 20px;}
.mainB5 ul li .text h2 a{ color: #333333; font-weight: bold;}
.mainB5 ul li .text h2 a:hover{color: #2972fa;}
.mainB5 ul li .text h2 span{font-weight: bold; color: #ff3913;}
.mainB5 ul li .text h2 i{display: inline-block; font-size: 12px; padding: 0 6px; margin-left: 10px; border-radius: 3px; font-weight: normal; line-height: 18PX;
vertical-align: 2px;}
.mainB5 ul li .text h2 i.i1{color: #2972FA; border: 1px solid #2972FA;}
.mainB5 ul li .text h2 i.i2{color: #E42424; border: 1px solid #E42424;}
.mainB5 ul li .text p{line-height: 24px; font-size: 14px; color: #666666;}
.mainB5 ul li .text p .mr80{margin-right: 80px;}
.mainB5 ul li .text .h32{font-size: 14px; background: #f5faff; padding-left: 8px; margin-bottom: 2px;}
.mainB5 ul li .text .h32 p{width: 650px; display: block; line-height: 32px; float: left;}
.mainB5 ul li .text .h32 p.closedState{overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.mainB5 ul li .text .h32 a{color: #128bed; line-height: 32px;}
.mainB5 ul li .text .h33 p{float: left; padding: 0 8px; line-height: 32px; background: #f5faff; }
.mainB5 ul li .text .h33 p .i1{display: inline-block; width: 15px; height: 14px; background: url(../images/hhh_11.png); margin-right: 4px; vertical-align: -2px;}
.mainB5 ul li .text .h33 p .i2{display: inline-block; width: 13px; height: 14px; background: url(../images/hhh_12.png); margin-right: 4px; vertical-align: -2px;}
.mainB5 ul li .text p.martop{margin-top: 16px;}
.mainB5 ul li .text p .red{color: #ff3913;}
.mainB5 ul li .youzhi{position: absolute; top: 8px; right: 24px; }
.mainB5 ul li .youzhi span{display: inline-block;width: 153px; height: 36px; background: url(../images/hhh_13.png); margin-right: 2px;}
.mainB5 ul li .youzhi a{display: inline-block; width: 79px; height: 16px; background: url(../images/huiyuan.png); background-size: cover; vertical-align: 10px;}


.mainB5 .bot p{font-size: 14px; color: #333333; margin: 33.5px 24px; line-height: 36px;}
.mainB5 .bot p a{display: inline-block; width: 36px; border: 1px solid #ececec; margin: 0 4px; text-align: center; color: #333333;}
.mainB5 .bot p a.on{background: #2972fa; color: #ffffff;}
.mainB5 .bot p a:first-child{margin-left: 5px; color: #999999;}
/*.mainB5 .bot p a:nth-child(4){margin-right: 5px; color: #999999;}*/
.mainB5 .bot p input{outline: none; width: 50px; margin: 0 12px; padding-left: 8px; box-sizing: border-box; border: 1px solid #ececec; height: 36px;}
.mainB6{border: 1px solid #ececec; margin-bottom: 7px;}
.mainB6 .title{padding-left: 20px; box-sizing: border-box; overflow: hidden;}
.mainB6 .title p{margin: 7px 0; font-size: 16px; color: #666666; line-height: 35px; overflow: hidden;}
.mainB6 .title p a{display: block; float: right; width: 130px; text-align: center; background: #1acb6d; color: #ffffff; border-radius: 3px; font-size: 12px;}
.mainB6 ul li{border-top: 1px solid #ececec; padding: 19px 20px 15px; box-sizing: border-box;}
.mainB6 ul li h2{font-size: 14px; color: #222222; line-height: 1.5; margin-bottom: 6px; font-weight: bold;}
.mainB6 ul li p{font-size: 12px; color: #666666; line-height: 21px;}
.mainB7{border: 1px solid #ececec; margin-bottom: 7px;}
.mainB7 .title{background: #fbfbfb; overflow: hidden; padding: 0 16px; border-bottom: 1px solid #ececec;}
.mainB7 .title .youzhi{width: 134px; margin-top: 8px; display: block; float: left;}
.mainB7 .title a{font-size: 15px; line-height: 50px; color: #febc38; float: right;}
.mainB7 .title a:hover{text-decoration: underline;}
.mainB7 ul li{border-bottom: 1px solid #ececec; padding: 18px 8px 14px; box-sizing: border-box; overflow: hidden;}
.mainB7 ul li .icon{width: 72px; float: left; overflow: hidden;}
.mainB7 ul li .icon img{display: block; width: 100%;}
.mainB7 ul li .text{width: calc(100% - 72px); float: left; padding-left: 7px;}
.mainB7 ul li .text h2{font-size: 15px; line-height: 25px; margin-bottom: 10px; color: #333333;}
.mainB7 ul li .text p{display: inline-block; padding: 0 8px; font-size: 14px; line-height: 21px; background: #fff9ee; color: #ffa206;}
.mainB7 .swiper{padding-bottom: 5px;}
.mainB7 .swiper-pagination{bottom: 20px;}
.mainB7 .swiper-pagination-bullet{width: 12px; height: 12px;}
.mainB7 .swiper-pagination-bullet-active{background: #8c8c8c;}
.mainB8{border: 1px solid #ececec;}
.mainB8 .title{padding: 0 20px; border-bottom: 1px solid #ececec;}
.mainB8 .title h2{font-size: 18px; line-height: 50px;}
.mainB8 .title h2 span{display: inline-block; margin-right: 8px; width: 18px; height: 20px; background: url(../images/hh_07.png); vertical-align: -3px;}
.mainB8 .title h2 a{font-size: 15px; color: #1e65fa; float: right;}
.mainB8 ul li{border-bottom: 1px solid #ececec; padding: 17px 17px 11px; box-sizing: border-box;}
.mainB8 ul li h2{font-size: 14px; line-height: 22px; color: #333333; height: 44px; margin-bottom: 14px;}
.mainB8 ul li p{font-size: 12px; color: #9f9e97; line-height: 1;}
.mainB8 ul li p span{float: right;}
.mainB9{border: 1px solid #ececec;}
.mainB9 .icon1 img{display: block; width: 154px; margin: 19px auto;}
.mainB9 .sousuo{padding: 20px 0; text-align: center; background: #1487fa; margin-bottom: 10px;}
.mainB9 .sousuo p{font-size: 16px; color: #fff; margin-bottom: 8px; line-height: 1;}
.mainB9 .sousuo p span{display: inline-block; width: 20px; height: 19px; background: url(../images/hh_09.png); vertical-align: -3px; margin-right: 3px;}
.mainB9 .sousuo input{outline: none; border: 0; border-radius: 5px; height: 36px; padding-left: 35px; box-sizing: border-box; width: 163px;
font-size: 17px; background: url(../images/sousuo.png) 8px center no-repeat #fff;}
.mainB9 .icon2{overflow: hidden;}
.mainB9 .icon2 img{display: block; width: 100%;}
.contentC{background: #f7f9fc;}
.contentC .contBox{width: 1233px; margin: 0 auto;}
.contentC .titleC a{font-size: 12px; line-height: 40px; color: #999999; margin: 0 6px;}
.mainC1{border: 1px solid #ececec; padding: 29px 0 13px; background: url(../images/i_03.png) right top no-repeat #fff; position: relative; margin-bottom: 7px;}
.mainC1 .left{float: left; width: 140px; padding: 0 20px;}
.mainC1 .left .icon{overflow: hidden; margin-bottom: 20px;}
.mainC1 .left .icon img{display: block; width: 100%;}
.mainC1 .left p{font-size: 14px; color: #999999; line-height: 1; margin-bottom: 15px;}
.mainC1 .left .renling{display: block; width: 100%; border: 1px solid #f9ad14; line-height: 22px; text-align: center; font-size: 12px; color: #f9ad14;}
.mainC1 .left .renling span{display: inline-block; width: 12px; height: 12px; background: url(../images/ii1_03.png); margin-right: 4px; vertical-align: -1px;}
.mainC1 .right{float: left; width: calc(100% - 140px); padding-right: 20px;}
.mainC1 .right h2{font-size: 22px; line-height: 1; margin-bottom: 15px;}
.mainC1 .right h2 a{color: #000000; font-weight: bold; }
.mainC1 .right h2 i{display: inline-block; width: 42px; border: 1px solid #009944; color: #009944; font-size: 12px; text-align: center; line-height: 20px;
margin-left: 10px; vertical-align: 3px;}
.mainC1 .right h2 .aa{float: right; display: inline-block; margin-left: 9px; line-height: 32px;margin-top: -5px; font-size: 12px;}
.mainC1 .right h2 .a1{width: 64px; background: #128BED; color: #fff;}
.mainC1 .right h2 .a2{width: 92px; background: #128BED; color: #fff;}
.mainC1 .right h2 .a3{width: 64px; border: 1px solid #128BED; color: #128BED;}
.mainC1 .right h2 .a4{width: 92px; border: 1px solid #128BED; color: #128BED;}
.mainC1 .right h2 .a1 span{display: inline-block; width: 12px; height: 12px; background: url(../images/i_14.png); margin: 0 7px; vertical-align: -2px;}
.mainC1 .right h2 .a2 span{display: inline-block; width: 12px; height: 14px; background: url(../images/i_11.png); margin: 0 7px; vertical-align: -2px;}
.mainC1 .right h2 .a3 span{display: inline-block; width: 14px; height: 14px; background: url(../images/i_09.png); margin: 0 7px; vertical-align: -2px;}
.mainC1 .right h2 .a4 span{display: inline-block; width: 12px; height: 14px; background: url(../images/i_07.png); margin: 0 7px; vertical-align: -2px;}
.mainC1 .right .p1{margin-bottom: 17px;}
.mainC1 .right .p1 .aaa{display: inline-block; margin-right: 8px; line-height: 22px; font-size: 12px; padding: 0 6px;}
.mainC1 .right .p1 .a1{ background: rgba(245,87,62,.15);color: #fe4c24;}
.mainC1 .right .p1 .a2{ background: rgba(20,120,240,.15);color: #1478f0;}
.mainC1 .right .p1 .a3{ background: rgba(245,87,62,.15);color: #fe4c24;}
.mainC1 .right .p1 .aaa i{display: inline-block; width: 14px; height: 14px; background: url(../images/jjjj2.png); background-size: cover; vertical-align: -2px;}
.mainC1 .right .p1 .aaa span{display: inline-block; width: 14px; height: 14px; background: url(../images/jjjj.png); background-size: cover; vertical-align: -2px;}
.mainC1 .right .p2{font-size: 13px; color: #999999; line-height: 1; margin-bottom: 13px;}
.mainC1 .right .text{background: #f5faff; padding: 7px 12px;}
.mainC1 .right .text p{font-size: 14px; color: #333333; line-height: 32px;}
.mainC1 .right .text p .text1{display: inline-block; width: 364px;}
.mainC1 .right .text p .or{color: #ff722d;}
.mainC1 .right .text p .i1{color: #128bed; margin-right: 14px;}
.mainC1 .right .text p .i2{display: inline-block; width: 14px; height: 14px; background: url(../images/i_35.png); vertical-align: -2px; margin-right: 4px;}
.mainC1 .right .text p .i3{display: inline-block; width: 14px; height: 14px; background: url(../images/hhh_11.png); vertical-align: -2px; margin-right: 4px;}
.mainC1 .right .text p .i4{display: inline-block; width: 12px; height: 14px; background: url(../images/hhh_12.png); vertical-align: -2px;}
.mainC1 .right .text p .bu{color: #1298f3; margin-left: 7px;}
.mainC1 .right .text p .text2{width: 980px; display: inline-block;}
.mainC1 .right .text p .text2.closedState{overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.mainC1 .right .text p .las{vertical-align: 12px; color: #128bed;}
.mainC2{margin-bottom: 7px;}
.mainC2 img{display: block; width: 100%;}
.mainC3{padding-left: 9px; padding-bottom: 26px; background: #fff;}
.mainC3 .left{float: left; width: 894px;}
.mainC3 .left .title{margin-bottom: 7px; position: relative;}
.mainC3 .left .title ul li{display: inline-block; margin-right: 30px; line-height: 35px; font-size: 14px; color: #fff; background: #1acb6d; width: 130px; text-align: center;
border-radius: 3px; cursor: pointer;}
.mainC3 .left .title .fabu{position: absolute; right: 5px; top: 0; display: block; line-height: 30px; font-size: 20px; color: #ffffff; background: #ef8d00;
padding: 0 5px; border-radius: 2px;}
.mainC3 .left .listBox .box2 ul{overflow: hidden;}
.mainC3 .left .listBox .box2 ul li{float: left; width: 23.5%; margin-right: 2%; transition: 0.5s; border: 1px solid #ececec; box-sizing: border-box; margin-bottom: 4px;}
.mainC3 .left .listBox .box2 ul li:nth-child(4n){margin-right: 0;}
.mainC3 .left .listBox .box2 ul li .icon{overflow: hidden;}
.mainC3 .left .listBox .box2 ul li .icon img{display: block; width: 100%;}
.mainC3 .left .listBox .box2 ul li .text{padding: 0 7px 12px;}
.mainC3 .left .listBox .box2 ul li .text h2{font-size: 14px; color: #f86e12; padding: 11px 0; line-height: 1;}
.mainC3 .left .listBox .box2 ul li .text h2 span{font-size: 12px;}
.mainC3 .left .listBox .box2 ul li .text h2 a{display: block; float: right; width: 67px; height: 14px; background: url(../images/huiyuan.png) center no-repeat; background-size: 100%;
margin-top: 3px;}
.mainC3 .left .listBox .box2 ul li .text p{font-size: 12px; color: #333333; margin-bottom: 6px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.mainC3 .left .listBox .box2 ul li .text .wechat{display: inline-block; width: 94px; height: 21px; background: url(../images/wechat.png) center no-repeat; background-size: 100%;}
.mainC3 .left .listBox .box2 ul li .text .phone{display: inline-block; width: 94px; height: 21px; background: url(../images/phone.png) center no-repeat; background-size: 100%;
float: right;}
.mainC3 .left .listBox .box2 ul li .text .wechat:hover{opacity: 0.8;}
.mainC3 .left .listBox .box2 ul li .text .phone:hover{opacity: 0.8;}
.mainC3 .left .listBox .box2 ul li:hover{transform: scale(1.02); box-shadow: rgb(37 58 97 / 8%) 0px 0px 10px 4px;}
.mainC4 .tit{font-size: 16px; color: #333333; line-height: 1; padding-bottom: 19px; font-weight: bold;}
.mainC4 .tit span{font-size: 14px; color: #276ffa; font-weight: bold; margin-left: 2px;}
.mainC4 table{width: 100%; text-align: center; border: 1px solid #e8f0fb; margin-bottom: 10px;}
.mainC4 table th{background: #f6faff; height: 42px; border: 1px solid #e8f0fb; font-size: 14px; color: #000000;}
.mainC4 table td{ border: 1px solid #e8f0fb; overflow: hidden; height: 65px;}
.mainC4 table td .icon{width: 41px; float: left; margin-left: 10px; font-size: 24px; line-height: 41px; color: #fff; text-align: center; border-radius: 3px;}
.mainC4 table td .icon.bull{background: #8ca3cc;}
.mainC4 table td .icon.red{background: #e79178;}
.mainC4 table td .text{width: calc(100% - 53px); float: left; padding: 0 10px;}
.mainC4 table td .text p{text-align: left; font-size: 13px; color: #2273fa; line-height: 20px;}
.mainC4 table td .text p a{float: right; color: #ff7006;}
.mainC4 table td .text .aa{display: inline-block; font-size: 12px; line-height: 20px; padding: 0 5px; float: left; margin-right: 8px; border-radius: 2px;}
.mainC4 table td .text .a1{background: #fff0e5; color: #ff8b47;}
.mainC4 table td .text .a2{background: #ecf2ff; color: #005cfa;}
.mainC4 table td .text .a3{background: #fff5dc; color: #efb313;}
.mainC4 table td .bu{color: #2780fb;}
.mainC4 .tuijian{border: 1px solid #ececec; background: #fcfcfc; padding: 0 20px; line-height: 50px; margin-bottom: 10px;}
.mainC4 .tuijian p{font-size: 14px; color: #333333;}
.mainC4 .tuijian p span{display: inline-block; width: 19px; height: 18px; background: url(../images/i_62.png); margin-right: 4px; vertical-align: -2px;}
.mainC4 .list ul li{float: left; width: 32%; margin-right: 2%; box-sizing: border-box; padding: 20px 20px 25px; overflow: hidden; border: 1px solid #ececec;
margin-bottom: 15px; height: 131px;}
.mainC4 .list ul li:hover .text h2{color: #076aee;}
.mainC4 .list ul li:nth-child(3n){margin-right: 0;}
.mainC4 .list ul li .icon{width: 50px; float: left; overflow: hidden;}
.mainC4 .list ul li .icon img{display: block; width: 100%;}
.mainC4 .list ul li .text{width: calc(100% - 50px); float: left; padding-left: 10px;}
.mainC4 .list ul li .text h2{font-size: 16px; line-height: 24px; color: #000000; font-weight: bold;}
.mainC4 .list ul li .text span{display: inline-block; font-size: 12px; line-height: 22px; color: #076aee; background: #dcebfd; padding: 0 4px; margin-right: 4px;
border-radius: 2px;}
.mainC4 .list ul li p{font-size: 13px; color: #999999; margin-top: 19px; line-height: 1;}
.mainC4 .list ul li p span{display: inline-block; width: 14px; height: 14px; background: url(../images/i_84.png); margin-right: 6px;}
.mainC3 .right{float: right; width: calc(100% - 900px);}
.mainC3 .mainB9{margin-bottom: 16px;}
.mainC3 .box1{padding-bottom: 24px;}
.mainC3 .box1 table{border: 1px solid #e3edfb;}
.mainC3 .box1 table tr{height: 42px;}
.mainC3 .box1 table tr td{border: 1px solid #e3edfb; padding: 0 10px;}
.mainC3 .box1 table tr td:nth-child(odd){background: #f6faff; width: 157px;}
.mainC3 .box1 table tr td:first-child{padding-left: 14px;}
.mainC3 .box1 table tr td:nth-child(2){width: 270px;}
.mainC3 .box1 table .icon{width: 40px; float: left; font-size: 24px; line-height: 40px; color: #fff; text-align: center; border-radius: 3px; background: #c8b7d8;}
.mainC3 .box1 table .icon img{display: block; width: 100%;}
.mainC3 .box1 table .text{width: calc(100% - 42px); float: left; padding-left: 10px;}
.mainC3 .box1 table .text p{font-size: 14px; line-height: 20px; color: #2176fc;}
.mainC3 .box1 table .text a{color: #ff8103;}

.theLogin{position: fixed;top: 200px; left: 50%; transform: translate(-50%); width: 860px; z-index: 21; background: #ffffff;
box-shadow: rgb(37 58 97 / 8%) 0px 0px 10px 4px; height: 600px;}
.theLogin .closed2{position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background: url(../images/close.png); cursor: pointer; z-index: 10;}
.theLogin .left{width: 283px; float: left; background: #f8f9f8; padding-top: 55px; height: 100%;}
.theLogin .left .title{margin-bottom: 24px;}
.theLogin .left .title h2{width: 111px; font-size: 18px; line-height: 22px; color: #3078fd; margin: 0 auto 12px; background: #d9e5f7;
border-radius: 10px 0 10px 0; text-align: center;}
.theLogin .left .title p{padding: 0 32px; font-size: 17px; line-height: 1; color: #1f1f1f;}
.theLogin .left .title p span{float: right;}
.theLogin .left .center{margin-bottom: 30px;}
.theLogin .left .center .icon{width: 256px; overflow: hidden; margin: 0 auto 8px;}
.theLogin .left .center .icon img{display: block; width: 100%;}
.theLogin .left .center p{font-size: 10px; color: #999999; text-align: center;}
.theLogin .left .center p span{display: inline-block; width: 21px; height: 5px; background: url(../images/kk_10.png); margin: 0 6px; vertical-align: 3px;}
.theLogin .left .center p span.span2{background: url(../images/kk_12.png);}
.theLogin .left .list h2{font-size: 20px; color: #000000; line-height: 1; text-align: center; position: relative; margin-bottom: 13px;}
.theLogin .left .list h2::before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 32px; width: 26px; height: 2px;
background: #999999;}
.theLogin .left .list h2::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 32px; width: 26px; height: 2px;
background: #999999;}
.theLogin .left .list ul li{text-align: center; font-size: 14px; line-height: 25px; color: #999999;}
.theLogin .left .list ul li span{display: inline-block; width: 17px; height: 18px; background: url(../images/kk_18.png); margin-right: 10px;
vertical-align: -3px;}
.theLogin .right{float: left; width: calc(100% - 283px); position: relative; height: 100%;}
.theLogin .right .titNav{text-align: center; padding-top: 58px;}
.theLogin .right .titNav ul li{ padding: 0 22px; border-right:1px solid #9d9d9d; display: inline-block; font-size: 18px; color: #c3c3c3; cursor: pointer;
position: relative;}
.theLogin .right .titNav ul li:last-child{ border-right: 0;}
.theLogin .right .titNav ul li.on{font-size: 20px; color: #565656; font-weight: bold; position: relative;}
.theLogin .right .titNav ul li.on::after{content: ''; position: absolute; left: 50%; bottom: -6px; width:calc(100% - 44px); height: 2px; background: #4e6ef2;
transform: translate(-50%);}
.theLogin .right .loginBot{position: absolute; bottom: 10px; left: 50%; transform: translate(-50%); width: 400px;}
.theLogin .right .loginBot p{font-size: 14px; color: #585858; line-height: 1; margin-bottom: 17px;}
.theLogin .right .loginBot p input{margin-right: 8px;}
.theLogin .right .loginBot .bot{padding-right: 8px;}
.theLogin .right .loginBot .bot .icon{float: left; margin-left: 17px; width: 36px;}
.theLogin .right .loginBot .bot .icon img{display: block; width: 100%;}
.theLogin .right .loginBot .bot .zhuce{float: right; font-size: 15px; color: #4164f1; line-height: 2;}
.theLogin .right .loginBot .bot .zhuce:hover{text-decoration: underline;}
.loginBox .wechatLogin{padding-top: 60px; text-align: center;}
.loginBox .wechatLogin .ewm{width: 200px; overflow: hidden; margin: 0 auto 17px;}
.loginBox .wechatLogin .ewm img{display: block; width: 100%;}
.loginBox .wechatLogin h2{font-size: 15px; color: #161616; line-height: 1; margin-bottom: 10px;}
.loginBox .wechatLogin p{font-size: 12px; color: #161616; line-height: 1;}
.loginBox .wechatLogin p span{color: #ff7e6d;}
.loginBox .width330{padding-top: 40px; width: 330px; margin: 0 auto;}
.loginBox .width330 ul li{margin-bottom: 28px; border: 1px solid #d5d5d5; line-height: 50px;}
.loginBox .width330 ul li span{font-size: 12px; color: #313131; display: inline-block; padding-left: 10px; width: 72px; box-sizing: border-box;}
.loginBox .width330 ul li input{outline: none; border: 0; width: calc(100% - 80px);}
.loginBox .width330 ul li input.code{ width: 143px;}
.loginBox .width330 button{width: 100%; height: 46px; background: #3f84f5; color: #fff; border: 0; font-size: 15px; margin-bottom: 20px;}
#submit{width: 100%; height: 46px; background: #3f84f5; color: #fff; border: 0; font-size: 15px; margin-bottom: 20px;}

.loginBox .width330 .validation{color: #3f84f5; display: inline-block; width: 100px; text-align: center; border-left: 1px solid #d5d5d5;}
.loginBox .width330 p a{float: right; margin-left: 20px; color: #313131;}
.loginBox .width330 p a:hover{color: #ee2e2c;}
.zhuceTit{padding-top: 14px; margin-bottom: 13px; text-align: center;}
.zhuceTit ul li{display: inline-block; margin: 0 40px; font-size: 17px; color: #333333; cursor: pointer;}
.zhuceTit ul li.on{font-size: 19px; color: #2769dc; font-weight: bold;}
.zhuceTit ul li span{display: inline-block; width: 24px; height: 24px; background: url(../images/kkk_05.png); margin-right: 8px; vertical-align: -5px;}
.zhuceTit ul li.on span{background: url(../images/kkk_03.png);}
.zck ul li{line-height: 40px; margin-bottom: 18px;}
.zck ul li p{display: inline-block; width: 188px; text-align: right; font-size: 12px; color: #666666;}
.zck ul li p span{color: #ff0000; margin-right: 4px;}
.zck ul li input{height: 40px; width: 300px; outline: none; padding-left: 12px; box-sizing: border-box; border: 1px solid #dddddd;}
.zck ul li input:-ms-input-placeholder{color: #999999;}
.zck .lasLi{font-size: 0;}
.zck .lasLi select{width: 146px; outline: none; height: 40px; border-radius: 0; border: 1px solid #dddddd; border-right: 0;}
.zck .lasLi input{width:154px; border-radius: 0; border: 1px solid #dddddd;}
.zhuceBotcc{position: absolute; left: 0; top: 400px; padding-left: 188px;}
.zhuceBotcc p{font-size: 14px; color: #0f0f0f; line-height: 1; margin-bottom: 20px;}
.zhuceBotcc p input{margin-right: 10px;}
.zhuceBotcc p a{font-size: 15px; color: #4b6cf2; float: right;}
.zhuceBotcc p a:hover{text-decoration: underline;}
.zhuceBotcc .bott{height: 40px;margin-top:-30px;}
.zhuceBotcc .agree{display: inline-block; width: 180px; text-align: center; line-height: 40px; font-size: 14px; color: #fff; background: #ff6000; margin-right: 33px;}
.zhuceBotcc .icon{display: inline-block; margin-right: 17px; vertical-align: -12px; width: 36px;}
.zhuceBotcc .icon img{display: block; width: 100%;}
.zhuceBot{position: absolute; left: 0; bottom: 20px; padding-left: 188px;}
.zhuceBot p{font-size: 14px; color: #0f0f0f; line-height: 1; margin-bottom: 20px;}
.zhuceBot p input{margin-right: 10px;}
.zhuceBot p a{font-size: 15px; color: #4b6cf2; float: right;}
.zhuceBot p a:hover{text-decoration: underline;}
.zhuceBot .bott{height: 40px;}
.zhuceBot .agree{display: inline-block; width: 180px; text-align: center; line-height: 40px; font-size: 14px; color: #fff; background: #ff6000; margin-right: 33px;}
.zhuceBot .icon{display: inline-block; margin-right: 17px; vertical-align: -12px; width: 36px;}
.zhuceBot .icon img{display: block; width: 100%;}
.logins{display: none;}
.zhuces{display: none;}
/**/
.nav li:hover .userSub { display: block;}
.userSub { display: none;
    position: absolute;
    left: 0;
    top: 30px;
    border-radius: 4px;
    background: #fff;
    color: #333;
    line-height: 38px;
    text-align: center;
    box-shadow: 0 0 4px #aaa; left: -320px;}
.userSub::before{
	content: "";
	    position: absolute;
	    top: -12px;
	    left: 0;
	    width: 100%;
	    height: 12px;
	    background: transparent;
		box-sizing: border-box;
}
.userSub:after {content: "";
    position: absolute;
    top: -5px;
    left: 32px;
    width: 0;
    height: 0;
    transform: rotate(45deg);
    border: 12px solid #fff;
left: 350px;
}
.userBox {margin: 20px;
    width: 428px;
    height: 302px;}
.user-menu-head {display: flex;
    justify-content: space-between;}
.user-name {    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #333;}
.fate-image-container {    width: 38px;
    height: 38px;
    margin-right: 8px; overflow: hidden; border-radius: 50%;}
.fate-image-container img { display: block; width:100%!important;}
.text-name {max-width: 261px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;}
.go-vip{font-size: 14px;
    color: #2972f9!important;
    cursor: pointer;}
.go-vip img{position: relative; display: inline!important;
    top: 2px;
    height: 14px;
    width: 14px!important;}
.user-menu-vip {color: #2972fa;
    background-size: 100% 100%!important;
    background: url(../images/bg-ordinary-user.png);display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 13px;
    height: 71px;}
.uleft { text-align: left;margin-left: 16px;}
.uleft p{
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;}
.uleft p .star { margin-right: 6px; background: url(../images/star-ordinary-user.png);display: inline-block;
    width: 19px;
    height: 20px;
    position: relative;
    top:4px;
    background-size: cover;}
.uleft .tip{font-style: normal;
    font-size: 12px;
    color: #999;}
.btn-user {width: 81px;
    height: 32px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    margin-right: 16px;
    cursor: pointer;background: linear-gradient(90deg,#53abfd,#2972f9);}
.user-menu-nav {margin-top: 16px;
    display: flex;
    flex-wrap: wrap;}
.user-menu-nav a {position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
    height: 76px;
    margin-bottom: 16px; color: #ffffff;}
.user-menu-nav a img {    width: 44px!important;
    height: 44px;}
.user-menu-nav a i{    font-style: normal;
    font-size: 14px;
    color: #333;}